.deck-list-filter-container {

  .box-list {
    .box-item {
      height: 40px;
      line-height: 40px;
      border: 1px solid #1380f0;
      margin-right: 8px;
      margin-bottom: 10px;
      padding: 0 10px;
      min-width: 75px;
      text-align: center;
      transition: background 0.2s;
      border-radius: 10px;
      color: #1380f0;

      &.active {
        background: linear-gradient(142deg, #4396ff 0%, #086acc 100%);
        color: #fff;
      }
    }

    .box-img-item {
      width: 50px;
      height: 50px;
      opacity: 0.4;
      transition: opacity 0.2s;
      margin-right: 8px;
      margin-bottom: 10px;

      > img {
        width: inherit;
      }

      &.active {
        opacity: 1;
      }
    }
  }
}
